<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>z-index_CSS参考手册_web前端开发参考手册系列</title>
<style>
body{
	margin:0px;
	padding:0px;
}
.z1{ position:absolute;
width:200px;
height:200px;
z-index:1;
background:#F00;
text-align:center;
}
.z2{
	position:absolute;
	width:160px;
	height:160px;
	z-index:2;
	top:20px;
	left:20px;
	background:#0F0;
	text-align:center;
}
.z3{
	position:absolute;
	width:120px;
	height:120px;
	z-index:3;
	top:40px;
	left:40px;
	background:#00F;
	text-align:center
	}
</style>
</head>
<body>
<div class="z1">z-index:1</div>
<div class="z2">z-index:2</div>
<div class="z3">z-index:3</div>
</body>
</html>
			